Working with Links

This article describes how to work with hyperlinks within the Content Editor.

Inserting links into content provides an effective means of engaging with your Members, and makes it easy for them to navigate from the message content to your website or other online location. Through the Content Editor, you can add links to both text and images.

The appearance of a text link (such as font color or underlining), as well as its hover-over behavior (such as changing the font color) is typically defined as part of the Template Set. The Content Editor provides limited options for formatting the appearance and behavior of text links.

Add a Link to Text

The process of adding a link to a text string is the same regardless of the text field or location (Master Content or a Layout).

This section assumes that you have already added the desired text into a text field (see Working with Text Fields for more information).

To add a link to a text string:

  1. In the tool bar beneath the Master Content or Layout, click the Edit Text icon to toggle into Edit Mode. All of the text fields are made editable.

Note: You can also toggle into Edit Mode simply by clicking into a text field.

  1. Select the text that you want to make into a clickable link.

  2. From the contextual text tool bar, click the Insert Link icon. The Link Details pop-up window is displayed.

  3. In the URL field, enter the desired URL.

  1. The Text field is automatically populated with the text string you selected above. Optionally edit this text string.

  2. Click Insert.

  1. Optionally, to test the link, click the linked text. From the contextual tool bar, click the Open Link icon. The URL is opened in a separate browser window or tab.

  2. Optionally, to change the link’s appearance, click the linked text. From the contextual tool bar, click the Style icon, and select one or both of the following options:

    • Green: Change the font color to green.

    • Thick: Boldface the link text.

To remove a text link:

  1. In the tool bar beneath the Master Content or Layout, click the Edit Text icon to toggle into Edit Mode. All of the text fields are made editable.

Note: You can also toggle into Edit Mode simply by clicking into a text field.

  1. Click the linked text. From the contextual tool bar, click the Unlink icon.

To edit the destination of a text link:

  1. In the tool bar beneath the Master Content or Layout, click the Edit Text icon to toggle into Edit Mode. All of the text fields are made editable.

Note: You can also toggle into Edit Mode simply by clicking into a text field.

  1. Click into the linked text. From the contextual tool bar, click the Edit Link icon. The Link Details pop-up window is displayed.

  2. In the URL field, optionally edit the URL.

  3. In the Text field, optionally edit the text string to which the link is attached.

  4. Click Update.

The Loyalty platform allows you to assign links to Primary Images and Embedded Images.

Add a Link to an Image

The process of adding a link to an image is the same regardless of the image type (Primary Image or Embedded Image) or location (Master Content or a Layout).

This section assumes that you have already added the desired image (see Working with Images for more information).

To add a link to an image:

  1. In the tool bar beneath the Master Content or Layout, click the Change Image icon to toggle into Image Mode (if working with a Primary Image), or click the Edit Text icon to toggle into Edit Mode (if working with an Embedded Image).

Note: You can also toggle into Image Mode simply by clicking into an image. Likewise, you can also toggle into Edit Mode simply by clicking into a text field.

  1. Click the desired image. From the contextual text tool bar, click the Insert Link icon. The Link Details pop-up window is displayed.

  2. In the URL field, enter the desired URL.

  3. Click Insert.

  4. Optionally, to test the link, click the linked image. From the contextual tool bar, click the Open Link icon. The URL is opened in a separate browser window or tab.

Note: The platform does not allow you to remove a link from a Primary Image.

To remove an image link from an Embedded Image:

  1. In the tool bar beneath the Master Content or Layout, click the Edit Text icon to toggle into Edit Mode.

Note: You can also toggle into Edit Mode simply by clicking into a text field.

  1. Click the linked image. From the contextual tool bar, click the Unlink icon.

To edit the destination of an image link:

  1. In the tool bar beneath the Master Content or Layout, click the Change Image icon to toggle into Image Mode (if working with a Primary Image), or click the Edit Text icon to toggle into Edit Mode (if working with an Embedded Image).

Note: You can also toggle into Image Mode simply by clicking into an image. Likewise, you can also toggle into Edit Mode simply by clicking into a text field.

  1. Click the linked image. From the contextual tool bar, click the Edit Link icon. The Link Details pop-up window is displayed.

  2. In the URL field, optionally edit the URL.

  3. Click Update.